<html>
<head>
<meta charset="utf-8">
<title>七组第十四周课上作业</title>
<style type="text/css">
body{
    width: 1003px;
    background: url('../index.html/sucai/admin_top.gif');
    background-size: 1003px,100px;
    background-repeat: no-repeat;
}
a:link
{
    color: black;
    text-decoration: none;
}
a:visited{
    color: blue;
           
}
a:hover{
    color:brown;
    text-decoration: underline;
}
a:active{
    color: chartreuse;
}

.one{
    width: 1003px;
    height: 100px;
}
.two{
    width: 330px;
    height: 300px;
}
.four{
    margin: 10px;
    padding: 0px;
    float: right;
    border-style:solid;
    border-width: 1px;
    
    }  
.photo{width:645px ;
      height:80px;
      font-size: 12px;
    }
.d1,.d3,.d5,.d7{ font-size: 12px;
    background: linear-gradient(to right, #a5a3a2, #ecebea);
    width: 530px;
    height: 30px;
}
.d2,.d4,.d6,.d8{font-size: 12px;
    width: 530px;
    height: 30px;
    }     
.big{padding-left: 10px ;
    border-width: 1px;
    margin-left:20px;
    border-left-style: solid;} 


</style>
</head>
<body>
    <div class="two">
        <table class="one">
            <tr>
                <td style="width: 400px;height: 67px;"></td>
                <td>首页<br> Index
                </td>
                <td>产品地带<br>Product</td>
                <td>解决方案<br>Scheme</td>
                <td>技术支持<br>Instructor</td>
                <td>客户渠道<br>Channel</td>
                <td>论坛<br>forum</td>
            </tr>
            <tr>
                <td height="230px"></td>
            </tr>
        </table>
    </div>
    <table >
        <tr>
            <td>
                <img src="../index.html/sucai/index_bbs.gif" width="330">
                <ul>
                    <li><a href="#">思念是风是去是婵娟</a></li>
                    <li><a href="#">刘欣正在测试程序</a></li>
                    <li><a href="#">Flash大赛公告标题</a></li>
                    <li><a href="#">公告标题添加公告</a></li>
                    <li><a href="#">明日科技对图书的改革</a></li>
                </ul>
                <img src="../index.html/sucai/index_tools_dlS.gif" width="330">
            </td>
            <br>
                <td >
                    <div class="four">
                        <div class="photo"><img src="../index.html/sucai/index_07.gif"width=645px height=40px ></div>
                        <div class="big">
                        <div class="d1"><img src="../index.html/sucai/admin_ico.gif"> 新一代电脑问世</div>
                        <div class="d2"><img src="../index.html/sucai/ao3.gif"> 搜索新闻</div>
                        <div class="d3"><img src="../index.html/sucai/admin_ico.gif"> 微软</div>
                        <div class="d4"><img src="../index.html/sucai/ao3.gif"> 沃达丰今年推新品</div>
                        <div class="d5"><img src="../index.html/sucai/admin_ico.gif"> 电子产品污染有控制</div>
                        <div class="d6"><img src="../index.html/sucai/ao3.gif"> 微软新闻</div>
                        <div class="d7"><img src="../index.html/sucai/admin_ico.gif"> 汉芯一代将问世</div>
                        <div class="d8"><img src="../index.html/sucai/ao3.gif"> AMD处理器2006年度最新蓝图</div>
                        </div>
                    </div>
                </td>
                
        </tr>
    </table>
</body>
</html>